<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="天天来收租" />
  <meta name="format-detection" content="telphone=no, email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="browsermode" content="application" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <title>房产交易</title>
  <link rel="stylesheet" type="text/css" href="../css/public.css" />
  <link rel="stylesheet" type="text/css" href="../css/fang_estate.css" />
</head>

<body>
  <div class="zone">
    <div class="nav-bar" id="nav-bar"></div>
    <div class="main">
      <div class="counter">
        <div class="tab-option">
          <li class="option-new option-active" id="option-new">房产交易</li>
          <li class="option-room" id="option-room">房产拍卖</li>
          <li class="option-week" id="option-week">违约拍卖</li>
          <li class="option-gong" id="option-gong">公示期</li>
        </div>
        <div class="scerh" id="scerh">
          <img src="http://img.qxgs.cc/tiantianlaishouzu/img/fang_estate/seach.png" class="sou" alt="" />
          <input type="text" class="inp" name="" placeholder="请输入房产的编号" id="inpSeach" placeholder-class="place" /><span
            id="seachBtn">搜索</span>
          <div class="my_btn" id="my_btn">
            <!-- 我的：
              <div id="search_checkbox" class="search_checkbox">
                <input type="checkbox" id="switch" />
                <label for="switch"></label>
              </div> -->
          </div>
        </div>
        <!-- todo第一个 -->
        <div class="lists" id="lists">
          <div id="lists10">
            <!-- <div class="list_son">
              <div class="left">
                <div class="img">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/shouzu.png" alt="" />
                </div>
                <div class="cen">
                  <p class="t">南湖山庄房产证</p>
                  <p>房产编号：1222</p>
                  <p>可住人数：20</p>
                </div>
              </div>
              <div class="left_btn">
                <div class="b">
                  <div class="b_btn">
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span>5000</span>
                  </div>
                  <div>购买</div>
                </div>
              </div>
            </div> -->
          </div>
          <!-- <div class="kongList">暂无房产出售</div>  -->
          <!--! 没有数据时候 -->
          <div class="more" id="more1">加载中...</div>
          <div class="empty" id="empty1">
            <p id="meiyou1">没有数据哦~</p>
          </div>
        </div>
        <!-- todo第二个 -->
        <div class="lists2" id="lists2">
          <div id="lists12">
            <div class="list_son">
              <!-- <div class="left">
                <div class="img">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/shouzu.png" alt="" />
                </div>
                <div class="cen">
                  <p class="t">南湖山庄房产证</p>
                  <p>房产编号：1222</p>
                  <p>可住人数：20</p>
                </div>
              </div> -->
              <div class="left_btn">
                <!-- <div class="t">拍卖成功</div> -->
                <!-- <div class="b">
                  <div class="b_btn">
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span
                      >5000</span
                    >
                  </div>
                  <div>购买</div>
                </div> -->
                <!-- <div class="c">点击查看</div> -->
              </div>
            </div>
          </div>
          <!--! 没有数据时候 -->
          <div class="more" id="more2"></div>
          <div class="empty" id="empty2">
            <p id="meiyou2">没有数据哦~</p>
          </div>
        </div>
        <!-- todo第三个 -->
        <div class="lists3" id="lists3">
          <div id="lists13">
            <!-- <div class="list_son">
              <div class="left">
                <div class="img">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/shouzu.png" alt="" />
                </div>
                <div class="cen">
                  <p class="t">南湖山庄房产证</p>
                  <p>房产编号：1222</p>
                  <p>可住人数：20</p>
                </div>
              </div>
              <div class="left_btn">
                <div class="t">竞拍成功</div>
                <div class="b">
                  <div class="b_btn">
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span>5000</span>
                  </div>
                  <div>竞拍</div>
                </div>
              </div>
            </div> -->
          </div>
          <!--! 没有数据时候 -->
          <div class="more" id="more3">加载中...</div>
          <div class="empty" id="empty3">
            <p id="meiyou3">没有数据哦~</p>
          </div>
        </div>
        <!-- todo第四个 -->
        <div class="lists" id="lists4">
          <div>

            <div id="lists44">
              <!-- <div class="list_son">
                <div class="left">
                  <div class="img">
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/shouzu.png" alt="" />
                  </div>
                  <div class="cen">
                    <p class="t">南湖山庄房产证</p>
                    <p>房产编号：1222</p>
                    <p>可住人数：20</p>
                  </div>
                </div>
                <div class="left_btn">
                  <div class="b">
                    <div class="b_btn">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span>5000</span>
                    </div>
                    <div>购买</div>
                  </div>
                </div>
              </div> -->
            </div>
            <!-- <div class="kongList">暂无房产出售</div>  -->
            <!--! 没有数据时候 -->
            <div class="more" id="more4">加载中...</div>
            <div class="empty" id="empty4">
              <p id="meiyou4">没有数据哦~</p>
            </div>
          </div>
        </div>
        <!-- 下面的上架出售 -->
        <div class="shang">
          <div class="btn" id="btn_shang">上架出售</div>
          <p id="paiji">我的记录</p>
        </div>
      </div>
    </div>
  </div>
  <!--todo 确认购买 -->
  <div class="modal modal-quepay" id="modal-quepay">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>确认购买</span>
        <img id="chahao2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <p>
            您确认要花费<span class="zzdzj" id="zzdzj">0金币</span>购买
          </p>
          <p id="fangName">南湖山庄，房产编号吗？</p>
          <div class="jinbi">
            <span>当前拥有金币：</span>
            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span id="mernyPay">5000</span>
          </div>
        </div>
        <div id="btn_que3" class="btn_que">确定</div>
      </div>
    </div>
  </div>
  <!--todo 购买成功之后点击立即获得的弹窗 -->
  <div class="modal modal-success" id="modal-success">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="bg">
        <div id="beijing">
          <img src="http://img.qxgs.cc/tiantianlaishouzu/img/fang_estate/shu.png" alt="" />
          <p id="fangchan">世纪城房产证<br />房产编号为：0</p>
        </div>
        <div class="btn" id="lingquBtn">领取</div>
      </div>
    </div>
  </div>
  <!--todo 被购买成功之后点击金币领取的弹窗收金币 -->
  <div class="modal modal-jinbi" id="modal-jinbi">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="bg">
        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" alt="" />
        <p id="jinbiShu">x0</p>
        <div class="btn" id="jing_bi">领取</div>
      </div>
    </div>
  </div>
  <!-- todo说明 -->
  <div class="modal modal-shuoming" id="modal-shuoming">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>说明</span>
        <img id="chahao3" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <div class="head">
            <p class="tit">房产交易</p>
            <p>1.确认出售后，房产将会进入24小时冻结期，期间此房产的租户将禁止续约，新租户也无法入住。冻结期结束后将自动上架出售</p>
            <p class="tit">房产拍卖</p>
            <p>1.拍卖时间: 12:00-20:00，到达20:00时，出价最高者获拍卖物品</p>
            <p>2.手续费:收取卖家成交价10%的手续费</p>
            <p>3.竟拍失败时，拍卖过程中收取的金币费用竟拍结束后将会退还</p>
            <p>4.拍卖单次需要100金币为佣金,若流拍则不退还，若拍卖成功则抵消100金币的手续费</p>

            <p class="tit">违规拍卖</p>
            <p>满足下面条件之一，官方就会玩家房产进行违约拍卖，所得的金额(扣除手续费) 会补偿损失玩家或者官方，如有余额将返还给违约方</p>
            <p>
              1.玩家被举报违约，平台核实确认后
            </p>
            <p>
              2.拥有房产证拒不缴纳物业费超过48小时
            </p>
          </div>
        </div>
        <div id="btn_que4" class="btn_que">确定</div>
      </div>
    </div>
  </div>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/tab-bar.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/fang_estate.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>